<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>趣学网</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index1.css">
</head>

<body>
    <div class="box">
        <!-- 网页头部 begin -->
        <header>
            <div class="container">
                <div class="logo"><img class="auto-img" src="./images/images1/1.png" alt=""></div>

                <div class="centerl">
                    <div class="centerll">
                        <div class="centerllimg"><img class="auto-img" src="./images/images1/location.png" alt=""></div>
                        <div class="centerlltext">广州</div>
                    </div>

                    <div class="centerlr">
                        <div class="centerlrl"><img class="auto-img" src="./images/images1/search1.png" alt=""></div>
                        <div class="centerlrc"><input type="text" placeholder="搜素培训结构或课程"></div>
                        <div class="centerlrr">
                            <div class="titl">搜索</div>
                        </div>
                    </div>
                </div>

                <div class="foot">
                    <div class="container">
                        <li>足迹</li>
                        <li>消息</li>
                        <li>收藏</li>
                        <li><img src="./images/images1/2.png" alt=""></li>
                    </div>
                </div>
            </div>
        </header>
        <!-- 网页头部end -->

        <!-- 导航栏 begin -->
        <nav>
            <!-- 导航栏版心begin -->
            <div class="container">
                <ul class="list">
                    <li>首页</li>
                    <li>找学校</li>
                    <li>问答社区</li>
                    <li>咨询文章</li>
                    <li>趣学专题</li>
                </ul>
            </div>
            <!-- 导航栏版心 end   -->
        </nav>
        <!-- 导航栏end -->

        <!-- 网页内容 begin -->
        <main>


            <!-- 首页 -->
            <section class="starts">
                <div class="container">
                    <div class="wen">首页 > 找学校 > 广州好校</div>
                </div>
            </section>
            <!-- 首页 -->

            <!-- 内容导航 begin -->
            <section class="navtab">
                <div class="container">
                    <ul class="conterl">
                        <li>区域：</li>
                        <li>天河区</li>
                        <li>越秀区</li>
                        <li>荔湾区</li>
                        <li>海珠区</li>
                        <li>番禺区</li>
                        <li>白云区</li>
                        <li>黄浦区</li>
                        <li>增城区</li>
                        <li>花都区</li>
                        <li>南沙区</li>
                    </ul>
                    <ul class="conterl">
                        <li>年龄阶段：</li>
                        <li>学龄前（2-3岁）</li>
                        <li>幼儿园（4-5岁）</li>
                        <li>小学（6-12岁）</li>
                        <li>初中（12-15岁）</li>
                        <li>高中（16-18岁）</li>
                    </ul>
                    <ul class="conterl">
                        <li>才艺培训:</li>
                        <li>音乐</li>
                        <li>美术</li>
                        <li>书法</li>
                        <li>国学</li>
                        <li>少儿舞蹈</li>
                        <li>围棋象棋</li>
                        <li>其他才艺</li>
                    </ul>
                    <ul class="conterl">
                        <li>运动培训：</li>
                        <li>球类</li>
                        <li>武术拳术</li>
                        <li>游泳</li>
                        <li>滑轮滑板</li>
                        <li>其他运动培训</li>
                    </ul>
                    <ul class="conterl">
                        <li>语言培训：</li>
                        <li>英语</li>
                        <li>日语</li>
                        <li>西班牙语</li>
                        <li>其他语言培训</li>
                    </ul>
                    <ul class="conterl">
                        <li>升学辅导：</li>
                        <li>小学辅导</li>
                        <li>中学辅导</li>
                        <li>高中辅导</li>
                        <li>艺考</li>
                    </ul>
                    <ul class="conterl">
                        <li>STEM培训：</li>
                        <li>乐高积木</li>
                        <li>少儿编程</li>
                        <li>其他STEM</li>
                    </ul>
                </div>
            </section>
            <!-- 内容导航 end -->

            <!-- 主内容 begin  -->
            <section class="maincontent">
                <div class="container">
                    <div class="conterl">
                        <ul class="navtab">
                            <li>综合排序</li>
                            <li>人气最高</li>
                            <li>评价最高</li>
                        </ul>
                        <ul class="title">
                            <li class="titles">
                                <div class="titleimg"><img class="auto-img" src="./images/images2/2.png" alt=""></div>
                                <div class="titletext">
                                    <ul>
                                        <li>艾佛瑞钢琴学校</li>
                                        <li>★★★★★5.0分</li>
                                        <li>共1326条评论></li>
                                        <li>主打课程: <span>钢琴 / 古筝 / 吉他</span> </li>
                                        <li>
                                            广州市珠江新城高德置地冬广场三楼338铺
                                        </li>
                                    </ul>
                                </div>
                                <div class="jj">收藏</div>
                            </li>
                            <li class="titles">
                                <div class="titleimg"><img class="auto-img" src="./images/images2/3.png" alt=""></div>
                                <div class="titletext">
                                    <ul>
                                        <li>童程童美教育</li>
                                        <li>★★★★★5.0分</li>
                                        <li>共1696条评论></li>
                                        <li>主打课程: <span>少儿编程</span> </li>
                                        <li>
                                            广州市天河东路168号石牌酒店
                                        </li>
                                    </ul>
                                </div>
                                <div class="jj1">收藏</div>
                            </li>
                            <li class="titles">
                                <div class="titleimg"><img class="auto-img" src="./images/images2/4.png" alt=""></div>
                                <div class="titletext">
                                    <ul>
                                        <li>新世界日语</li>
                                        <li>★★★★★5.0分</li>
                                        <li>共1326条评论></li>
                                        <li>主打课程: <span>日语 / 英语</span> </li>
                                        <li>
                                            广州市珠江新城高德置地冬广场三楼338铺
                                        </li>
                                    </ul>
                                </div>
                                <div class="jj">收藏</div>
                            </li>
                            <li class="titles">
                                <div class="titleimg"><img class="auto-img" src="./images/images2/5.png" alt=""></div>
                                <div class="titletext">
                                    <ul>
                                        <li>丽态丽姿·形体仪态礼仪</li>
                                        <li>★★★★★5.0分</li>
                                        <li>共699条评论></li>
                                        <li>主打课程: <span>体态 / 礼仪口才</span> </li>
                                        <li>
                                            广州市天河区华强路3号富力盈力大厦南塔617室

                                        </li>
                                    </ul>
                                </div>
                                <div class="jj2">收藏</div>
                            </li>
                            <li class="titles">
                                <div class="titleimg"><img class="auto-img" src="./images/images2/6.png" alt=""></div>
                                <div class="titletext">
                                    <ul>
                                        <li>EF英孚教育青少儿英语</li>
                                        <li>★★★★★5.0分</li>
                                        <li>共8629条评论></li>
                                        <li>主打课程: <span>英语</span> </li>
                                        <li>
                                            广州市海珠区赤岗北路118号四季天地1层
                                        </li>
                                    </ul>
                                </div>
                                <div class="jj">收藏</div>
                            </li>
                            <li class="titles">
                                <div class="titleimg"><img class="auto-img" src="./images/images2/7.png" alt=""></div>
                                <div class="titletext">
                                    <ul>
                                        <li>艺尚少儿模特·语言艺术·街舞</li>
                                        <li>★★★★★5.0分</li>
                                        <li>共1326条评论></li>
                                        <li>主打课程: <span>少儿模特 / 语言艺术 / 街舞</span> </li>
                                        <li>
                                            广州市番禺区广州市番禺区大石街道办景华南路52号
                                        </li>
                                    </ul>
                                </div>
                                <div class="jj3">收藏</div>
                            </li>
                        </ul>
                        <ul class="number">
                            <li>&lt;</li>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>...</li>
                            <li>50</li>
                            <li>&gt;</li>
                        </ul>
                    </div>

                    <!-- 侧边内容 begin -->
                    <div class="conterr">
                        <div class="title">当月口碑排行榜</div>
                        <div class="titles">
                            <ul class="list">
                                <li class="smell">
                                    <div><img class="auto-img" src="./images/images2/4.png" alt="">
                                    </div>
                                    <ul>
                                        <li class="headertext">柿子音乐工作室</li>
                                        <li class="textyellow">★★★★★5.0分</li>
                                        <li class="foottext">广州市天河区体育西路...</li>
                                    </ul>
                                </li>
                                <li>
                                <li class="smell">
                                    <div><img class="auto-img" src="./images/images2/3.png" alt="">
                                    </div>
                                    <ul>
                                        <li class="headertext">童程童美教育</li>
                                        <li class="textyellow">★★★★★5.0分</li>
                                        <li class="foottext">广州市天河东路 168...</li>
                                    </ul>
                                </li>
                                </li>
                                <li>
                                <li class="smell">
                                    <div><img class="auto-img" src="./images/images2/2.png" alt="">
                                    </div>
                                    <ul>
                                        <li class="headertext">艾佛瑞钢琴学校</li>
                                        <li class="textyellow">★★★★★5.0分</li>
                                        <li class="foottext">广州市珠江新城高德置...</li>
                                    </ul>
                                </li>
                                </li>
                            </ul>
                            <ul class="lists">
                                <li>
                                    <ul class="center">
                                        <li class="headertext">培贝乐成长中心</li>
                                        <li class="foottext">1356条评论 <span class="textyellow">4.9分</span> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="center">
                                        <li class="headertext">UFO飞船舞蹈室</li>
                                        <li class="foottext">6545条评论 <span class="textyellow">4.7分</span> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="center">
                                        <li class="headertext">糖果音乐教育中心</li>
                                        <li class="foottext">3622条评论 <span class="textyellow">4.3分</span> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="center">
                                        <li class="headertext">ASFA亚体儿童...</li>
                                        <li class="foottext">1000条评论 <span class="textyellow">5.0分</span> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="center">
                                        <li class="headertext">碧海湾少儿运动中....</li>
                                        <li class="foottext">985条评论 <span class="textyellow">4.2分</span> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="center">
                                        <li class="headertext">夏日时光画社</li>
                                        <li class="foottext">862条评论 <span class="textyellow">4.7分</span> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="center">
                                        <li class="headertext">宫羽五方少儿艺术</li>
                                        <li class="foottext">1369条评论 <span class="textyellow">5.0分</span> </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="center">
                                        <li class="headertext">美时光生活美学</li>
                                        <li class="foottext">1995条评论 <span class="textyellow">4.9分</span> </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 侧边内容 end -->
                </div>
            </section>
            <!-- 主内容 end  -->
        </main>
        <!-- 网页内容 end -->



        <!-- 页脚 begin -->
        <footer class="footer">
            <div class="container">
                <div class="foott">
                    <ul class="title">
                        <li>联系我们</li>
                        <li>法律声明</li>
                        <li>隐私政策</li>
                        <li>用户协议</li>
                        <li>加入我们</li>
                    </ul>
                    <div class="hou">
                        <li>
                            <div class="houimg"><img class="auto-img" src="./images/images1/weib.png" alt=""></div>官方微博
                        </li>
                        <li>
                            <div class="houimg"><img class="suto-img" src="./images/images1/weixin.png" alt=""></div>
                            微信公众号
                        </li>
                    </div>
                </div>
                <div class="footf">
                    <div class="footft">客服热拙维: 408563610 周一至周日 90O- 210 在线客服。趣学网–我-在线客服 │ 违法和不良皓息举雄电话 : 400 8536 100转7 │
                        举报邮箱 gukdeaunrcom │ 网上有害信息举报 │ 款APP备1101517号</div>
                    <div class="footfb">
                        粤CP备1503397号│粤公网安备11010502035430号│粤32-2017083.│广东趣学教育有限公司│广州市天河区广图路大街1号院5号楼2单元28层3281至3289室│营业执照│出版物证
                    </div>
                </div>
            </div>
        </footer>
        <!-- 页脚 end -->
    </div>
</body>

</html>